<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WebScoket</title>
    <link rel="stylesheet" href="index.css" />
    <script crossorigin="anonymous"
        integrity="sha512-9mpsATI0KClwt+xVZfbcf2lJ8IFBAwsubJ6mI3rtULwyM3fBmQFzj0It4tGqxLOGQwGfJdk/G+fANnxfq9/cew=="
        src="https://lib.baomitu.com/socket.io/4.5.1/socket.io.js"></script>

</head>

<body>
    <div id="chat">
        <div id="chatWindow">
            <div id="outputArea"></div>
            <div id="feedbackArea"></div>
        </div>
        <div class="footerBtn">
            <input id="username" type="text" placeholder="username" />
            <input id="message" type="text" placeholder="message" />
            <button id="sendBtn">发送</button>
        </div>
    </div>
    <script type="text/javascript" src="./chat.js"></script>
</body>

</html>